<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>订单列表</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <link href="https://cdn.bootcss.com/layer/2.3/skin/layer.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.bootcss.com/layer/2.3/layer.js"></script>
    <link rel="stylesheet" type="text/css" href="//layui.hcwl520.com.cn/layui/css/layui.css?v=201801090202" />
    <link rel="stylesheet" href="__STATIC__/css/style.css" />
    <link href="__STATIC__/css/163css.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="__STATIC__/js/zepto_min.js"></script>
    <script type="text/javascript" src="__STATIC__/js/touchslider.js"></script>
    <style type="text/css">
        .box_list_nav{
            display: flex;
            align-items: center;

        }
        .box_list_nav img{
            width: 40px;
            height: 40px;
            border-radius:50px ;
            margin-right: 25px;
        }
        .user_phone{
            display: flex;
            height: 100%;
            flex-direction: column;
            justify-content: space-around;
            color: #333;
            font-size: 13px;

        }
        .botom_user{
            color: #333;

            flex: 1;
            display: flex;
            height: 100%;
            flex-direction: column;
            align-items: center;
            justify-content: space-around;
            font-size: 13px;
        }
        .col{
            color: #ff3b30;
        }
    </style>
</head>
<body>

<div class="box-163css">


    <div id="slider1" class="swipe">

        <ul class="box01_list">
            <li class="li_list">
                {volist name="order" id="o"}
                <div class="news_list">
                    <p>
                        <a class="box_list_nav" href="{:url('orderinfo')}?id={$o.order_id}">
                            <img src="{$o.imgs}" alt="" />
									<span class="user_phone">
										<span>{$o.name}</span>
										<span>{$o.phone}</span>
									</span>

									<span class="botom_user">
										<span class="col">{$o.fee/100}
                                        {if condition="$o.status==0"}
                                            未支付
                                        {elseif condition="$o.status==1"}
                                            已支付
                                        {elseif condition="$o.status==2"}
                                            已核销
                                        {elseif condition="$o.status==4"}
                                            已发货
                                        {/if}
                                        </span>
										<span>{$o.start_time|date="Y-m-d H:i:s",###}</span>
									</span>
                        </a>
                        <span class="s_arrow"></span>
                    </p>
                </div>
                {/volist}
            </li>




        </ul>
    </div>
</div>

<script type="text/javascript">
    for(n = 1; n < 3; n++) {

        var page = 'pagenavi' + n;

        var mslide = 'slider' + n;

        var mtitle = 'emtitle' + n;

        arrdiv = 'arrdiv' + n;

        var as = document.getElementById(page).getElementsByTagName('a');

        var tt = new TouchSlider({
            id: mslide,
            'auto': '-1',
            fx: 'ease-out',
            direction: 'left',
            speed: 600,
            timeout: 5000,
            'before': function(index) {

                var as = document.getElementById(this.page).getElementsByTagName('a');

                as[this.p].className = '';

                as[index].className = 'active';

                this.p = index;

                var txt = as[index].innerText;

                $("#" + this.page).parent().find('.emtitle').text(txt);

                var txturl = as[index].getAttribute('href');

                var turl = txturl.split('#');

                $("#" + this.page).parent().find('.go_btn').attr('href', turl[1]);

            }
        });

        tt.page = page;

        tt.p = 0;

        //console.dir(tt); console.dir(tt.__proto__);

        for(var i = 0; i < as.length; i++) {

            (function() {

                var j = i;

                as[j].tt = tt;

                as[j].onclick = function() {

                    this.tt.slide(j);

                    return false;

                }

            })();

        }

    }
</script>
</body>

</html>